<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水平线标签</title>
</head>
<body>
<!--
    hr:水平线标签
    我们可以通过属性设置水平线的样式
    color属性:设置颜色
    width属性:设置水平线的宽度
        宽度的值可以是一个固定值,单位:px
        也可以使用百分比
        当宽度不满整个浏览器屏幕宽度时,默认居中显示
    align属性:设置水平线的对齐方式,其值有三种
        center:默认值,居中
        left:居左
        right:居右
    size属性:设置水平线的厚度
        其值是一个数字,值越大,水平线越厚
-->
<hr color="red" width="400px" size="10">
<hr color="green" width="500px" align="left" size="20">
<hr color="blue" width="50%" align="right" size="30">
这是一个需要<br>换行的文本
</body>
</html>